<template>
  <div>
    <h1>checkbox</h1>
    <h2>{{ bol }}</h2>
    <!-- checkbox
        label:是选中该项后的值
       v-model的值如果是非数组，它选中某项后它的值就是true,取消某项就是false
       v-model的值如果是数组，它选中某项后它会添加该项的label的值到数组
     -->
    <h2>{{ sexArr }}</h2>
    性别选择：
    <el-checkbox-group v-model="sexArr">
      <el-checkbox label="男">男</el-checkbox>
      <el-checkbox label="女">女</el-checkbox>
    </el-checkbox-group>

    <el-checkbox v-model="bol" label="2">同意条款2</el-checkbox>
    <el-checkbox v-model="bol" label="3">同意条款3</el-checkbox>
  </div>
</template>
<script>
export default {
  data() {
    return {
      sexArr: [],
      bol: ''
    }
  }
}
</script>
<style></style>
